/**
 * Created by   :Wangshuzhong
 * Created time :2023
 */
require(["vue","ELEMENT"], function (Vue, Element) {
    Vue.use(Element)
    var Config = $("body").data("config"); // 配置文件内容
    console.log(Config)
    console.log(window.app)
    //设置导航栏
    window.app = new Vue({
        el: '#app',
        data: {
            activeName: 'about', // 显示的导航
            activeSecName: 'introduce', // 显示的二级导航
            serviceTab: 'introlduce',
            defaultTab: '企业简介',
            classBg: 'introduce-bg1',
            activeYearNum: 0, // 年份激活
            yearList: ['2016', '2017', '2018', '2019'], // 年份列表
            newsIndex: 0, // 默认展示的新闻
            yearContList: {
                '2016': [
                    {
                        time: '3月21日',
                        content: '东方驿站注册成立',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '5月',
                        content: '东方驿站武汉场站正式启用',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '6月',
                        content: '挂车互换试点完毕，东方驿站正式成为百世集团挂箱资产战略合作方',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '7月15日',
                        content: '东方驿站与盛丰集团达成战略合作并交付定制轻量化全铝挂箱',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '8月',
                        content: '东方驿站湖北、泉港场站正式挂牌',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '11月',
                        content: '达成单月交付220台记录',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '12月',
                        content: '东方驿站商业模式获得交通部、各地道路运输主管部门认可',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '12月',
                        content: '智能挂车项目开始实施',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    }
                ],
                '2017': [
                    {
                        time: '2017年2月',
                        content: '东方驿站与顺丰正式达成合作',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2017年5月',
                        content: '东方驿站与众卡正式达成合作',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2017年9月',
                        content: '东方驿站首家轮胎租赁服务中心开业',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2017年10月',
                        content: '东方驿站与京东正式达成合作',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2017年双11',
                        content: '“双11”期间完成装备交付1000台，创造了行业史上车辆交付最高记录',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2017年12月',
                        content: '东方驿站提出的共享挂车模式被列入2017年中国公路货运行业十件大事',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    }
                ],
                '2018': [
                    {
                        time: '2018年4月',
                        content: '投资5亿元的东方驿站甩挂物流园项目正式签约',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2018年4月',
                        content: '东方驿站与德邦物流达成战略合作',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2018年8月',
                        content: '定制中置轴列车正式生产下线，开启甩挂运输全新模式',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2018年9月',
                        content: '东方驿站与中外运恒路达成战略合作并交付定制挂箱',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2018年11月',
                        content: '交付挂箱2000+套，刷新17年记录',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2018年12月',
                        content: '由东方驿站发起的中国首个"挂车共享推进联盟"正式成立',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    }
                ],
                '2019': [
                    {
                        time: '2019年4月',
                        content: '发布中国首个挂车联盟链“挂链”',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2019年5月',
                        content: '东方驿站与威伯科、克诺尔建立联合实验室',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2019年5月',
                        content: '东方驿站与中外运“公共挂车池”港口项目正式落地',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    },
                    {
                        time: '2019年7月',
                        content: '由东方驿站联合发起的“智能+供应链生态联盟”正式成立',
                        imgUrl: 'img/about/introduce/企业历程_图1.png'
                    }
                ]
            }


        },
        created:function() {

        },
        mounted:function() {

        },
        methods: {
            tabService:function(tab) {
                this.serviceTab = tab;
                if(tab == 'introlduce') {
                    this.classBg = 'introduce-bg1';
                    this.defaultTab = '企业简介';
                } else if(tab == 'back') {
                    this.classBg = 'introduce-bg2';
                    this.defaultTab = '企业背景';
                } else if(tab == 'advantage') {
                    this.classBg = 'introduce-bg3';
                    this.defaultTab = '企业优势';
                }
            },
            //切换标题
            tabIntroduce:function(tabName) {
                this.defaultTab = tabName;
                if(tabName == '企业简介') {
                    this.classBg = 'introduce-bg1';
                    this.serviceTab = 'introlduce';
                } else if(tabName == '企业背景') {
                    this.classBg = 'introduce-bg2';
                    this.serviceTab = 'back';
                } else if(tabName == '企业优势') {
                    this.classBg = 'introduce-bg3';
                    this.serviceTab = 'advantage';
                }
            },
            //切换年份
            clickYear:function(index, year) {
                this.activeYearNum = index;
                this.newsIndex = 0; // 默认展示当前年的第一条新闻
            },
            // 查看新闻
            viewNews:function(index) {
                this.newsIndex = index;
            },
            //前一条新闻
            prevNews:function() {
                if(this.newsIndex > 0) {
                    this.newsIndex = this.newsIndex - 1
                }
            },
            //下一条新闻
            nextNews:function() {
                if(this.newsIndex < this.yearContList[this.yearList[this.activeYearNum]].length -1) {
                    this.newsIndex = this.newsIndex + 1
                }
            }
        }
    });
})
